﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>数据管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="MyraStudio" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">



    <!-- App css -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/MultiStep.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/MultiStep-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">

              <div class="container-fluid" style="margin-top: 10px;">

                    <!-- start page title -->

                    <div class="row">
                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">

                                    <h4 class="card-title">大数据服务配置</h4>

                                    <div class="row">
                                        <div class="col-sm-3 mb-2 mb-sm-0">
                                            <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                                <a class="nav-link active show" id="v-pills-home-tab" data-toggle="pill" href="#data_port0" role="tab" aria-controls="v-pills-home"
                                                    aria-selected="true">
                                                    <i class="mdi mdi-home-variant d-lg-none d-block"></i>
                                                    <span class="d-none d-lg-block">端口一</span>
                                                </a>
                                                <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#data_port1" role="tab" aria-controls="v-pills-profile"
                                                    aria-selected="false">
                                                    <i class="mdi mdi-account-circle d-lg-none d-block"></i>
                                                    <span class="d-none d-lg-block">端口二</span>
                                                </a>
                                                <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#data_port2" role="tab" aria-controls="v-pills-settings"
                                                    aria-selected="false">
                                                    <i class="mdi mdi-settings-outline d-lg-none d-block"></i>
                                                    <span class="d-none d-lg-block">端口三</span>
                                                </a>
                                            </div>
                                        </div> <!-- end col-->


                                        <div class="col-sm-9">
                                            <div class="tab-content" id="v-pills-tabContent">
                                                <div class="tab-pane fade active show" id="data_port0" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                                    <div class="col-12 text-right">
                                                    <label for="enabled0">使能</label>
                                                    <input type="checkbox" data-toggle="switchery" data-color="#2e7ce4" id = "enabled0" />
                                                </div>
                                                
                                                    <label for="description0">描述</label>
		                                            <input id="description0" class = "form-control form-control-sm" type = "text" >
                                                    <label for="ipaddr0">IP地址</label>
		                                            <input id="ipaddr0" class = "form-control form-control-sm" type = "text" >
                                                    <label for="classifiy_tasks0">流分类任务个数</label>
		                                            <select id = "classifiy_tasks0" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                    <label for="store_tasks0">流存储任务个数</label>
		                                            <select id = "store_tasks0" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                    </br>
                                                    <div class="col-12 text-right">
                                                        <input type="button" class="btn btn-primary waves-effect waves-light" value="保存" />
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="data_port1" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                                                    <div class="col-12 text-right">
                                                    <label for="enabled1">使能</label>
                                                    <input type="checkbox" data-toggle="switchery" data-color="#2e7ce4" id = "enabled1" />
                                                </div>
                                                
                                                    <label for="description1">描述</label>
		                                            <input id="description1" class = "form-control form-control-sm" type = "text" >
                                                    <label for="ipaddr1">IP地址</label>
		                                            <input id="ipaddr1" class = "form-control form-control-sm" type = "text" >
                                                    <label for="classifiy_tasks1">流分类任务个数</label>
                                                    <select id = "classifiy_tasks1" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                    <label for="store_tasks1">流存储任务个数</label>
		                                            <select id = "store_tasks1" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                     </br>
                                                    <div class="col-12 text-right">
                                                        <input type="button" class="btn btn-primary waves-effect waves-light" value="保存" />
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="data_port2" role="tabpanel" aria-labelledby="v-pills-settings-tab">
                                                    <div class="col-12 text-right">
                                                    <label for="enabled2">使能</label>
                                                    <input type="checkbox" data-toggle="switchery" data-color="#2e7ce4" id = "enabled2" />
                                                </div>
                                                    <label for="description2">描述</label>
		                                            <input id="description2" class = "form-control form-control-sm" type = "text" >
                                                    <label for="ipaddr2">IP地址</label>
		                                            <input id="ipaddr2" class = "form-control form-control-sm" type = "text" >
                                                    <label for="classifiy_tasks2">流分类任务个数</label>
		                                            <select id = "classifiy_tasks2" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                    <label for="store_tasks2">流存储任务个数</label>
		                                            <select id = "store_tasks2" class="form-control form-control-sm" type="text"><option value="1">1</option><option value="2">2</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
                                                     </br>
                                                    <div class="col-12 text-right">
                                                        <input type="button" class="btn btn-primary waves-effect waves-light" value="保存" />
                                                    </div>
                                                </div>
                                            </div> <!-- end tab-content-->
                                        </div> <!-- end col-->

                                      
                                    </table>
                                    
                                </div> <!-- end card body-->
                            </div> <!-- end card -->
                        </div><!-- end col-->
                    </div>
                    <!-- end row-->

                 

                </div> <!-- container-fluid -->
            </div>

    </div>
    <!-- END layout-wrapper -->

	<script>
		var ipm = '[[${manageIp}]]';
	</script>

    <!-- jQuery  -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/metismenu.min.js"></script>
    <script src="/assets/js/waves.js"></script>
    <script src="/assets/js/bootstrap-table.js"></script>
    <script src="/assets/js/bootstrap-table-zh-CN.js"></script>
	<script src="/assets/js/MultiStep.min.js"></script>
    <script src="/assets/js/bootstrap-switch.min.js"></script>
    <!-- third party js -->
    
    <!-- third party js ends -->

    <!-- Datatables init -->
    <script src="/assets/pages/bigdata-service-config-demo.js"></script>


    <!-- App js -->
    <script src="/assets/js/theme.js"></script>

</body>

</html>